.login {
    width: 100%;
    height: 100%;
    // 若父级没有定位，这里会相对于浏览器窗口
    // 学习资料：https://github.com/qianguyihao/Web/blob/master/02-CSS%E5%9F%BA%E7%A1%80/08-CSS%E5%B1%9E%E6%80%A7%EF%BC%9A%E5%AE%9A%E4%BD%8D%E5%B1%9E%E6%80%A7.md
    position: absolute;
    left: 0;
    top: 0;
    background: center/cover url('https://cn.bing.com/th?id=OHR.WhalesDolphins_ZH-CN0636695997_1920x1080.jpg&amp;rf=LaDigue_1920x1080.jpg&amp;pid=hp');

    .login-logo {
        width: 200px;
        height: 60px;
        display: block;
        margin: 0 auto 20px;
    }

    .login-container {
        width: 440px;
        height: 360px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0 0 50px rgb(0 0 0 / 10%);
    }

    .login-checkbox-label {
        color: #1890ff;
    }
}